<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第三天学习笔记</title>
</head>
<!--框架标签-->
    <!--	<frameset> 标签，是将多个窗口页面整合在一起的一个集合（框架集）。每一个页面（框架）都是单独文档，需要使用子标签<frame>来确定页面的位置。-->
        <!--	<frameset>通过列cols和行rows来确定整体布局-->
        <!--	cols和rows不能同时使用。-->
        <!--	通过<frameset>嵌套编写复杂结构。-->
        <!--	<frameset>和<body>两个不能共存，及使用<frameset>必须删除<body>。-->
            <!--rows	确定行数。-->
                <!--* 取值格式：值1,值2,值3…. 一个值表示一行，多个值使用逗号分隔。-->
                <!--* 值可以是像素、也可以是百分比，最后一个值使用*表示剩余量。-->
            <!--cols	确定列数-->
                <!--* 取值同rows-->
    <!--	<frame>标签，用于设置<frameset>框架集中的一个页面（框架）。-->
            <!--src	确定页面的路径-->
            <!--noresize	框架分隔先不能移动-->
            <!--name	指定frame的名字,方便显示特定的页面-->
<!--============================================================================================-->
<!--============================================================================================-->
<!--============================================================================================-->
<body>
<!--表单标签-->
    <!--表单是用来在网页中收集用户信息的元素！-->
    <!--<form> 表单标签，常见的表单应用：注册页面、登录页面。-->
        <!--表单控件： 包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。-->
        <!--提示信息：一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。-->
        <!--表单域： 他相当于一个容器，用来容纳所有的表单控件和提示信息，
        可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器-->

    <!--action	请求路径，确定表单提交到服务器的地址（路径）-->

    <!--method	请求方式。常用的取值：GET、POST-->
            <!--	GET：提交的数据追加在请求路径上。数据格式为k=v，参数与路径使用?相连，参数与参数使用&相连。因为请求路径长度有限，所有GET请求提交的数据大小有限。-->
            <!--例如：/1.html?username=jack&password=1234-->
            <!--	POST：提交的数据不在请求路径上追加。提交的数据大小不限制。-->


<!--============================================================================================-->
<!--============================================================================================-->
<!--============================================================================================-->

<!--输入域标签-->
    <!--input标签是单标签，type是其最基本的属性，其取值有很多种。-->
    <!--type-->
        <!--text	单行文本输入框-->
        <!--password	密码输入框-->
        <!--radio	单选按钮-->
        <!--checkbox	复选框-->
        <!--button	普通按钮-->
        <!--submit	提交按钮-->
        <!--reset	重置按钮-->
        <!--image-- 登录>
        <!--file-- 选择文件>
    <!--name	用户自定义	控件的名称-->
    <!--value	用户自定义	input控件中的默认文本值-->
    <!--size	正整数	input控件在页面显示的宽度-->
    <!--checked	checked	定义选择控件默认被选中的项-->
    <!--maxlength	正整数	控件允许输入的最多字符数-->

    <input type="text" name="username" value="请输入账号" />
<br />
    <input type="password" name="userpwd" value="1234" />
<br />
    <input type="radio" name="gender" value="1" />男
    <input type="radio" name="gender" value="0" />女
<br />
    <input type="checkbox" name="hobby" value="a" />吃早饭
    <input type="checkbox" name="hobby" value="b" />吃午饭
    <input type="checkbox" name="hobby" value="c" />吃晚饭
<br />
    <input type="submit" value="提交按钮" />



<br />
<br />
<br />
<!--============================================================================================-->
<!--============================================================================================-->
<!--============================================================================================-->
<!--下拉列表标签-->
    <!--	<select> 下拉列表。可以进行单选或多选。需要使用子标签<option>指定列表项-->
        <!--name	发送给服务器的名称-->
        <!--multiple	不写默认单选，取值为“multiple”表示多选。-->
        <!--size	多选时，可见选项的数目。-->
    <!--	<option>子标签，下拉列表中的一个选项（一个条目）-->
        <!--selected	如果设置这个属性为selected表示默认勾选当前列表项-->
        <!--value	发送给服务器的选项值。-->
    <select name="edu">
        <option value="1">小班</option>
        <option value="2" selected="selected">中班（默认）</option>
        <option value="3">大班</option>
    </select>



<br />
<br />
<br />
<!--============================================================================================-->
<!--============================================================================================-->
<!--============================================================================================-->
<!--文本域标签-->
    <!--	<textarea> 文本域。多行的文本输入控件。-->
        <!--cols	文本域的列数-->
        <!--rows	文本域的行数-->
    <textarea rows="5" cols="20" name="desc ">默认显示内容</textarea>

<br />
<br />
<br />
<!--============================================================================================-->
<!--============================================================================================-->
<!--============================================================================================-->
<!--按钮标签-->
                                <!--button|reset|submit-->
    <!--按钮标签一般很少使用，提供“普通 | 重置 | 提交”功能，不同的浏览器默认值不同。-->
    <button type="button">普通按钮</button>
    <button type="reset">重置按钮</button>
    <button type="submit" >提交按钮</button>

<br />
<br />
<br />
<!--============================================================================================-->
<!--============================================================================================-->
<!--============================================================================================-->
    账号 <input type="text" name="username" placeholder="用户名或邮箱" >
        <br />
    密码 <input type="password" name="userpwd" >
        <br />
        <input type="checkbox" name="hobby" value="0">下次自动登录
        <a href="">忘记密码</a>
        <br />
        <input type="image" src="1.png" >

<br />
<br />
<br />
<!--============================================================================================-->
<!--============================================================================================-->
<!--============================================================================================-->
<!--区块标签-->
<!--有两个重要的区域标签span和div。主要用来在页面中划分出一个块区域，之后配合CSS就可以为这个块区域中设置样式。-->
    <!--行内区域：span-->
    <!--块区域：div-->

    <span>行内区域</span>
    <div>块区域 </div>


</body>

</html>